<script>
export default {
  // 覆盖Wot Design Uni 默认样式
  options: {
    styleIsolation: "shared",
  },

  onLaunch: function () {
    // 断网时出现弹窗提醒用户
    // uni.onNetworkStatusChange(function(res) {
    // 	if(res.isConnected) {
    // 		uni.hideLoading()
    // 	}else {
    // 		uni.showLoading({
    // 			title: '您已断网',
    // 		})
    // 	}
    // });
  },
  onShow: function () {
    console.log("App的show");
  },
  onHide: function () {},
};
</script>

<style lang="scss">
body {
  height: 100%;
}

page {
  height: 100%;
}

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-center {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

$list-length: 35;
@for $item from 1 through $list-length {
  .m-#{$item} {
    margin: $item + rpx;
  }
  .mt-#{$item} {
    margin-top: $item + rpx;
  }
  .mb-#{$item} {
    margin-bottom: $item + rpx;
  }
  .ml-#{$item} {
    margin-left: $item + rpx;
  }
  .mr-#{$item} {
    margin-right: $item + rpx;
  }
  .p-#{$item} {
    padding: $item + rpx;
  }
  .pt-#{$item} {
    padding-top: $item + rpx;
  }
  .pb-#{$item} {
    padding-bottom: $item + rpx;
  }
  .pl-#{$item} {
    padding-left: $item + rpx;
  }
  .pr-#{$item} {
    padding-right: $item + rpx;
  }
}

:deep() {
  .wd-message-box {
    .confirm-button-class {
      background-color: $button-secondary-color !important;
    }
  }
}
/*每个页面公共css */
</style>
